/* home --begin-- */
.iBanner{ position:relative; overflow:hidden; height:486px;}
@media screen and (max-width:1440px){.iBanner{ height:368px;}}
.iBanner .hd{ width:100%; position:absolute; left:0; bottom:10px; z-index:111; text-align:center;}
.iBanner .hd li{ display:inline-block; width:10px; height:10px; margin:0 4px; background:#fff; cursor:pointer; border-radius:50%; border:solid 1px #fff;}
.iBanner .hd li.on{ background:#e62131; border-color:#e62131;}
.iBanner .iBannerPage{ display:block; width:36px; height:100%; overflow:hidden; cursor:pointer; position:absolute; top:0; z-index:222; background-repeat:no-repeat; background-image:url(/images/style/banner_point.png); opacity:0.10; filter:alpha(opacity=10);}
.iBanner .prev{ left:50%; margin-left:-680px; background-position:left center;}
.iBanner .next{ right:50%; margin-right:-680px; background-position:-36px center;}
.iBanner .iBannerPage:hover{ opacity:0.70; filter:alpha(opacity=70);}
.iMsgBox{ padding:50px 0; background:url(/images/style/iMsgBg.jpg) no-repeat center center; overflow:hidden;}
.iMsgLt{ margin-left:20px;}
.iMsgLt a, .iMsgLt span, .iMsgLt b{ display:block; overflow:hidden; color:inherit;}
.iMsgLt dt{ width:283px; height:124px; background:url(/images/style/iMsgLtBg1.png) no-repeat; color:#fff;}
.iMsgLt dt img{ float:left; margin:41px 18px 0 40px;}
.iMsgLt dt b{ font-size:20px; margin-top:36px; letter-spacing:1px;}
.iMsgLt dt span{ font-size:12px;}
.iMsgLt dd{ width:129px; height:124px; background:url(/images/style/iMsgLtBg2.png) no-repeat; float:left; margin:5px 5px 0 0; text-align:center;}
.iMsgLt dd img{ margin:20px 0 8px;}
.iMsgLt dd b{ font-size:16px; line-height:23px; letter-spacing:1px;}
.iMsgLt dd span{ color:#5d5959; font-size:12px; line-height:20px;}
.iMsgCt{ margin:20px 0 0 38px;}
.iMsgCt dd p{ overflow:hidden; margin-bottom:20px;}
.iMsgCt dd p b{ height:38px; line-height:38px; float:left; color:#555;}
.iMsgCt dd p span{ width:158px; position:relative; display:block; float:left; margin-left:10px;}
.iMsgCt dd p span:after{ content:"*"; color:#e62131; position:absolute; right:7px; top:6px; font-weight:bold; z-index:111;}
.iMsgCt dd p span.long{ width:315px;}
.iMsgCt dd .iMsgIpt{ width:100%; height:38px; border:solid 1px #bfbfbf; background:#f6f6f6; border-radius:5px; padding:0 10px; box-sizing:border-box;}
.iMsgCt dd .iMsgIpt.errorClass{ border-color:#e62131;}
.iMsgCt dd .iMsgSelect{ width:158px; height:38px; float:left; margin-left:10px; border:solid 1px #bfbfbf; background:#f6f6f6; border-radius:5px; padding:0 5px; box-sizing:border-box; cursor:pointer;}
.iMsgCt dd .iMsgSelect.long{ width:152.5px;}
.iMsgCt dt{ overflow:hidden; padding-top:5px;}
.iMsgCt dt span{ float:left; height:18px; line-height:18px; border-left:solid 6px #e62131; color:#bfbfbf; font-size:12px; padding-left:12px; margin-top:14px; letter-spacing:0.4px;}
.iMsgCt dt .iMsgSub{ width:200px; height:42px; line-height:42px; border:solid 1px #e62131; color:#fff; border-radius:5px; font-size:16px; font-weight:bold; float:right; background:#e62131; letter-spacing:2px; cursor:pointer;}
.iMsgCt dt .iMsgSub:hover{ background:#f90b1e;}
.iService{ margin-top:10px;}
.iService ul{ margin-top:40px; overflow:hidden;}
.iService li{ width:290px; height:400px; float:left; overflow:hidden; margin-right:13px; position:relative;}
.iService li:last-child{ margin-right:0;}
.iService li img{ width:100%; height:330px;}
.iService li .Tit{ width:100%; text-align:center; font-size:15px; position:absolute; left:0; top:331px;}
.iService li .Tit b{ display:block; font-size:18px; font-weight:normal; color:#000; padding:15px 0 2px;}
.iService .iServiceBox{ width:268px; height:308px; left:10px; top:-310px; position:absolute; border:solid 1px #c9c0b9;}
.iService .iServiceBox .Box{ width:250px; height:290px; padding:25px; margin:10px auto 0; background:#fff; border-bottom:solid 5px #e62131; box-sizing:border-box;}
.iService li .iServiceBox b{ display:block; font-size:18px; position:relative; padding:15px 0 3px; margin-top:10px;}
.iService li .iServiceBox b:after{ content:""; width:20px; height:6px; position:absolute; left:1px; top:0; background:#ff0000;}
.iService li .iServiceBox span{ display:block; font-size:14px;}
.iService li .iServiceKey{ font-size:12px; line-height:20px; text-align:justify; margin-top:10px;}
.iService li .iServiceMore{ color:#e62131; border:solid 1px #e62131; display:inline-block; border-radius:5px; padding:0 20px; margin-top:16px;}
.iService li .iServiceMore:hover{ background:#f90b1e; color:#fff;}
.iService li:hover .iServiceBox{ top:10px;}
.iService li:hover .Tit{ top:10px;}
.iAboutBg{ margin-top:50px; height:200px; background:url(/images/style/iAboutBg3.jpg) no-repeat center top; overflow:hidden;}
.iAbout{ overflow:hidden;}
.iAbout .iAboutList{ width:163px; height:163px; float:left; margin-top:20px; margin-left:63px; text-align:center; background:url(/images/style/iAboutBg4.png) no-repeat center top; cursor:pointer;}
.iAbout .iAboutList b{ display:inline-block; font-size:30px; margin-top:58px; position:relative; color:#e62131;}
.iAbout .iAboutList b:after{ content:"+"; width:21px; height:21px; position:absolute; right:-18px; top:-12px; font-size:24px; color:#e62131;}
.iAbout .iAboutList:first-child b:after{ display:none;}
.iAbout .iAboutList:hover{ margin-top:10px;}
.iCase{ background:url(/images/style/iCaseBg.jpg) center center; padding:20px 0 60px; overflow:hidden;}
.iCaseGroup{ margin-top:40px;}
.iCaseGroup .hd{ overflow:hidden;}
.iCaseGroup .hd ul{ overflow:hidden; position:relative; padding-bottom:13px;}
.iCaseGroup .hd ul:after{ content:""; background:#c1c0c0; width:100%; height:1px; position:absolute; left:0; bottom:7px; z-index:11;}
.iCaseGroup .hd li{ float:left; padding:0 50px 0 10px; position:relative; font-size:16px; cursor:pointer;}
.iCaseGroup .hd li.on:after{ content:""; position:absolute; left:28px; bottom:-11px; border-top:8px solid #fff; border-left:6px solid transparent; border-right:6px solid transparent; width:0; height:0; z-index:22;}
.iCaseGroup .hd li.on:before{ content:""; position:absolute; left:28px; bottom:-13px; border-top:8px solid #c1c0c0; border-left:6px solid transparent; border-right:6px solid transparent; width:0; height:0; z-index:22;}
.iCaseGroup .inHd{ overflow:hidden; margin-top:2px;}
.iCaseGroup .inHd li{ float:left; padding:0 20px 0 10px;}
.iCaseGroup .inHd li a{ color:inherit;}
.iCaseGroup .inHd li.on{ color:#e62131;}
.iCaseGroup .inBd{ overflow:hidden; margin-top:20px;}
.iCaseGroup .inBd li{ float:left; overflow:hidden; position:relative;}
.iCaseGroup .inBd .first{ width:898px; height:520px; margin-right:8px;}
.iCaseGroup .inBd .first img{ width:100%; height:100%;}
.iCaseGroup .inBd .first .iCaseBoxBg{ width:94%; height:92%; position:absolute; left:3%; top:4%; border:solid 1px rgba(255,255,255,0.65); animation-name:bounceOut; animation-duration:0.5s; animation-timing-function:ease-in-out;}
.iCaseGroup .inBd .first .iCaseBoxBg.off{ display:none;}
.iCaseGroup .inBd .first .iCaseBoxBg.on{ animation-name:bounceIn; animation-duration:1s; display:block;}
.iCaseGroup .inBd .first .iCaseBox{ width:94%; height:90%; background:rgba(255,255,255,0.8); overflow:hidden; margin:2.8% auto 0; box-sizing:border-box; padding:0 50px;}
.iCaseGroup .inBd .first .iCaseBox .iCaseTit{ margin-top:60px; font-size:20px; color:#e62131;}
.iCaseGroup .inBd .first .iCaseBox .iCaseList .iCaseDetails{ font-size:12px; overflow:hidden;}
.iCaseGroup .inBd .first .iCaseBox .iCaseList .iCaseDetails span{ width:90px; float:left;}
.iCaseGroup .inBd .first .iCaseBox .iCaseList .iCaseDetails span:nth-child(2){ width:135px;}
.iCaseGroup .inBd .first .iCaseBox .iCaseList .iCaseDetails span:nth-child(3){ width:140px;}
.iCaseGroup .inBd .first .iCaseBox .iCaseList .iCaseDetailsCt{ font-size:16px; color:#e62131; margin-top:40px;}
.iCaseGroup .inBd .first .iCaseBox .iCaseKye{ margin-top:30px;}
.iCaseGroup .inBd .first .iCaseBox .iCaseMore{ width:150px; display:block; background:#e62131; text-align:center; margin-top:40px; color:#fff; padding:5px 0; border-radius:5px;}
.iCaseGroup .inBd .first .iCaseBox .iCaseMore:hover{ background:#f90b1e;}
.iCaseGroup .inBd .list{ width:294px; height:256px; margin-bottom:8px; margin-right:8px; position:relative;}
.iCaseGroup .inBd .list img{ width:100%; height:100%;}
.iCaseGroup .inBd .list a{ width:100%; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0;}
.iCaseGroup .inBd .list a b{ width:86%; position:absolute; left:7%; top:210px; background:rgba(27,27,27,0.4); font-size:14px; text-align:center; color:#fff; border-radius:5px; height:32px; overflow:hidden; line-height:32px; font-weight:normal; box-sizing:border-box; padding:0 5px;}
.iCaseGroup .inBd .list a span{ width:86%; position:absolute; left:7%; top:270px; font-size:12px; color:#fff; overflow:hidden; height:154px; line-height:22px; box-sizing:border-box; padding:0 2px;}
.iCaseGroup .inBd .list a.on{ background:rgba(27,27,27,0.4);}
.iCaseGroup .inBd .list a.on b{ width:90%; left:5%; background:none; padding:5px; height:auto; line-height:20px; font-weight:bold; top:30px; border-radius:0;}
.iCaseGroup .inBd .list a.on span{ display:block; top:82px;}
.iCaseGroup .inBd li:nth-child(2), .iCaseGroup .inBd li:nth-child(3), .iCaseGroup .inBd li:nth-child(7){ margin-right:0;}
.iCasrList{ overflow:hidden; margin-top:25px;}
.iCasrList li{ width:388px; height:270px; float:left; margin-right:18px; margin-top:15px; overflow:hidden; position:relative;}
.iCasrList li:nth-child(3n){ margin-right:0;}
.iCasrList li.on:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:solid 5px #eee; box-sizing:border-box; cursor:pointer;}
.iCasrList li img{ width:100%; height:100%;}
.iCasrList li a{ width:100%; height:100%; display:block; overflow:hidden; position:absolute; left:0; top:0;}
.iCasrList li a b{ width:86%; position:absolute; left:7%; top:220px; background:rgba(27,27,27,0.4); font-size:14px; text-align:center; color:#fff; border-radius:5px; height:32px; overflow:hidden; line-height:32px; font-weight:normal; box-sizing:border-box; padding:0 5px;}
.iCasrList li a span{ width:86%; position:absolute; left:7%; top:270px; font-size:12px; color:#fff; overflow:hidden; height:144px; line-height:24px; box-sizing:border-box; padding:0 2px;}
.iCasrList li a.on{ background:rgba(27,27,27,0.4);}
.iCasrList li a.on b{ font-weight:bold; top:30px;}
.iCasrList li a.on span{ display:block; top:72px;}
.iBg{ overflow:hidden; background:url(/images/style/iBg.jpg) no-repeat center top;}
.iDesigner{ margin-top:30px;}
.iDesigner ul{ overflow:hidden; margin-top:40px;}
.iDesigner li{ width:290px; height:374px; margin:0 13px 13px 0; float:left; overflow:hidden; position:relative; cursor:pointer;}
.iDesigner li img{ width:100%; height:100%;}
.iDesigner li:nth-child(4n){ margin-right:0;}
.iDesigner li .iDesignerBox{ width:calc(100% - 30px); height:calc(100% - 30px); position:absolute; top:15px; left:15px; border:solid 1px rgba(255,255,255,0.65); box-sizing:border-box; animation-name:bounceOut; animation-duration:0.5s; animation-timing-function:ease-in-out;}
.iDesigner li .iDesignerBox.off{ display:none;}
.iDesigner li .iDesignerBox.on{ animation-name:bounceIn; animation-duration:1s; display:block;}
.iDesigner li a{ display:block; width:calc(100% - 30px); height:calc(100% - 30px); margin:15px 0 0 15px; box-sizing:border-box; background:rgba(255,255,255,0.9); border-bottom:solid 15px rgba(200,53,53,0.9); overflow:hidden; color:#333;}
.iDesigner li .iDesignerName{ padding:0 20px; margin-top:60px; margin-bottom:10px;}
.iDesigner li .iDesignerName b{ font-size:16px; padding:0 10px; border-left:solid 5px #e62131;}
.iDesigner li .iDesignerWork, .iDesigner li .iDesignerSname{ padding:10px 30px 0 25px;}
.iDesigner li i{ width:24px; height:24px; line-height:22px; color:#d36869; background:#eecccc; border-radius:50%; font-style:normal; display:inline-block; text-align:center; font-size:18px; margin:20px 0 0 25px;}
.iSite{ padding-bottom:60px; margin-top:10px;}
.iSiteFocus{ margin-top:40px;}
.iSiteFocus li{ overflow:hidden;}
.iSiteFocus li .iSitePic{ width:780px; height:490px; display:block; overflow:hidden;}
.iSiteFocus li .iSiteCt{ width:380px;}
.iSiteFocus li .iSiteCt .iSiteTit{ height:35px; line-height:35px; background:url(/images/style/iStoreIco.jpg) no-repeat left center; font-size:26px; text-indent:50px; margin-top:12px;}
.iSiteFocus li .iSiteCt .iSiteDetails{ font-size:12px; overflow:hidden;}
.iSiteFocus li .iSiteCt .iSiteDetails span{ width:20%; float:left; text-align:center;}
.iSiteFocus li .iSiteCt .iSiteDetails span:nth-child(2){ width:50%;}
.iSiteFocus li .iSiteCt .iSiteDetails span:nth-child(3){ width:30%;}
.iSiteFocus li .iSiteCt .iSiteDetailsCt{ font-size:16px; color:#ee594c; margin-top:45px;}
.iSiteFocus li .iSiteCt .iSiteDesigner{ margin-top:40px;}
.iSiteFocus li .iSiteCt .iSiteDesigner a{ display:block; overflow:hidden;}
.iSiteFocus li .iSiteCt .iSiteDesigner a .dPic{ width:80px; height:80px; overflow:hidden; margin:0 auto; border-radius:50%; display:block; float:left;}
.iSiteFocus li .iSiteCt .iSiteDesigner a .dCt{ font-size:16px; height:80px; margin-left:30px; float:left;}
.iSiteFocus li .iSiteCt .iSiteDesigner a .dCt i{ font-style:normal; padding:0 10px; font-size:12px;}
.iSiteFocus li .iSiteCt .iSiteDesigner p{ font-size:14px; line-height:25px; overflow:hidden; margin-top:20px; padding:0 3px;}
.iSiteFocus li .iSiteCt .iStoreKey{ font-size:14px; line-height:25px; height:150px; overflow:hidden; margin-top:20px; padding:0 3px;}
.iSiteFocus li .iSiteCt .iSiteMore{ width:120px; background:#e62131; color:#fff; display:block; border-radius:5px; padding:5px 2px; margin:30px auto 0; text-align:center; font-weight:bold;}
.iSiteFocus li .iSiteCt .iSiteMore:hover{ background:#f90b1e;}
.iSitePage{ margin-top:40px; overflow:hidden;}
.iSitePage ul{ width:105%;}
.iSitePage li{ width:180px; height:112px; float:left; overflow:hidden; margin-right:24px; cursor:pointer; position:relative;}
.iSitePage li.on:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; border:solid 5px rgba(200,53,53,0.7);}
.iSiteBox{ overflow:hidden; padding-top:30px;}
.iSiteBox li{ width:290px; float:left; margin-right:13px; margin-top:13px; overflow:hidden;}
.iSiteBox li:nth-child(4n){ margin-right:0;}
.iSiteBox li a{ display:block; width:100%; height:200px; overflow:hidden;}
.iSiteBox li p{ overflow:hidden; margin-top:13px;}
.iSiteBox li p span{ display:inline-block; float:left; position:relative; font-weight:bold; padding-left:12px;}
.iSiteBox li p span:after{ content:""; position:absolute; left:0; top:0; width:5px; height:26px; background:#e62131;}
.iSiteBox li p b{ float:right;}
.iSiteBox li p b i{ font-size:16px; color:#e62131; padding-right:5px;}
.iProcess{ height:525px; background:url(/images/style/iProcessBg.jpg) no-repeat center top; margin-top:40px;}
.iProcessPic{ margin-top:40px;}
.iNews{ margin-top:50px;}
.iNews .iTitle{ padding-top:0; margin-bottom:30px;}
.iNewsDL{ width:390px; margin-right:15px; background:#f6f6f6; overflow:hidden;}
.iNewsDL dt{ width:100%; height:219px; background:url(/images/style/iNewsBg1.jpg) no-repeat;}
.iNewsDL dt a{ display:block; width:100%; height:100%; line-height:273px; font-size:20px; color:#fff; text-align:center; letter-spacing:1px;}
.iNewsDL3{ margin-right:0;}
.iNewsDL1 dt{background:url(/images/style/iNewsBg1.jpg) no-repeat;}
.iNewsDL2 dt{background:url(/images/style/iNewsBg2.jpg) no-repeat;}
.iNewsDL3 dt{background:url(/images/style/iNewsBg3.jpg) no-repeat;}
.iNewsDL dd{ padding:20px; overflow:hidden;}
.iNewsDL dd li{ overflow:hidden; margin-bottom:20px;}
.iNewsDL dd li a, .iNewsDL dd li span{ display:block; overflow:hidden;}
.iNewsDL dd li .iNewsDate{ float:left; background:#983232; color:#fff; font-size:12px; text-align:center; line-height:20px; padding:10px 5px;}
.iNewsDL dd li .iNewsDate b{ font-size:22px; display:block;}
.iNewsDL dd li a{ float:right; width:280px;}
.iNewsDL dd li .iNewsTit{ font-size:14px; font-weight:bold; height:24px; line-height:24px;}
.iNewsDL dd li .iNewskey{ height:36px; line-height:18px; font-size:12px;}
.iNewsDL dd .iNewsMore{ color:#983232; font-weight:bold; font-size:14px; float:right;}
.iNewsBox .hd{ text-align:center;}
.iNewsBox .hd li{ display:inline-block; background:#e5e5e5; border-radius:8px; padding:7px 25px 5px; margin:0 15px;}
.iNewsBox .hd li.on{ background:#e62131; color:#fff;}
.iNewsBox .hd li a{ color:inherit; font-size:16px; letter-spacing:1px;}
.iNewsBox .bd ul{ overflow:hidden; margin-top:30px;}
.iNewsBox .bd li{ float:left; overflow:hidden;}
.iNewsBox .bd li a, .iNewsBox .bd li span{ display:block; overflow:hidden;}
.iNewsBox .bd li .iNewsPic{ border-radius:5px;}
.iNewsBox .bd li .iNewsPic img{ width:100%; height:100%;}
.iNewsBox .bd li .iNewsTit{ font-weight:bold;}
.iNewsBox .bd li.iNewsFirst{ width:600px; margin-right:20px;}
.iNewsBox .bd li.iNewsFirst .iNewsPic{ width:100%; height:360px;}
.iNewsBox .bd li.iNewsFirst div{ padding:10px 3px;}
.iNewsBox .bd li.iNewsFirst .iNewsTit{ height:26px; font-size:18px; margin-top:5px;}
.iNewsBox .bd li.iNewsFirst .iNewsDate{ padding:10px 0 5px;}
.iNewsBox .bd li.iNewsFirst .iNewskey{ height:96px; line-height:24px;}
.iNewsBox .bd li.iNewsList{ width:580px; height:100px; margin-bottom:10px;}
.iNewsBox .bd li.iNewsList .iNewsPic{ float:left; width:160px; height:100px;}
.iNewsBox .bd li.iNewsList div{ width:calc(100% - 180px); float:right;}
.iNewsBox .bd li.iNewsList .iNewsTit{ height:22px; line-height:22px; margin-top:6px;}
.iNewsBox .bd li.iNewsList .iNewsDate{ font-size:12px; height:22px; line-height:22px; padding-bottom:1px;}
.iNewsBox .bd li.iNewsList .iNewskey{ height:40px; line-height:20px;}
.iStore{ overflow:hidden; margin-bottom:40px;}
.iStoreScroll .hd{ position:relative;}
.iStoreScroll .hd a{ position:absolute; top:86px; width:30px; height:30px; display:block; z-index:999;}
.iStoreScroll .hd a.prev{ left:0; background:url(/images/style/istroeIco1.png) no-repeat; background-color:rgba(51,51,51,0.05);}
.iStoreScroll .hd a.next{ right:0; background:url(/images/style/istroeIco2.png) no-repeat; background-color:rgba(51,51,51,0.05);}
.iStoreScroll .hd a:hover{ background-color:rgba(51,51,51,0.5);}
.iStore .iStoreScroll{ width:100%; overflow:visible;}
.iStore .iStoreScroll .bd{ width:1200px; overflow:hidden; padding:0 5px; margin:30px auto 0;}
.iStore .iStoreScroll li{ width:263px; box-shadow:0 1px 5px -2px #1d1d1d; -moz-box-shadow:0 1px 5px -2px #1d1d1d; -ms-box-shadow:0 1px 5px -2px #1d1d1d; -o-box-shadow:0 1px 5px -2px #1d1d1d; -webkit-box-shadow:0 1px 5px -2px #1d1d1d; border:1px solid #f1f1f1; padding:15px 10px; margin:5px 20px 5px 0; float:left;}
.iStore .iStoreScroll li .iStoreFlex{ margin-top:8px;  height:98px; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center;}
.iStore .iStoreScroll li p{ overflow:hidden; line-height:22px; margin-bottom:5px;}
.iStore .iStoreScroll li p b{ font-size:16px;}
.iStore .iStoreScroll li a{ float:right; color:#fff; background:#de1c2f; border-radius:5px; padding:2px 0.35rem; font-weight:bold;}
.iStore .iStoreScroll li .iStoreAdd{ background:url(/images/style/iAddIco.png) no-repeat left 2px; background-size:18px auto; text-indent:23px;}
.iStore .iStoreScroll li .iStoreCont{ background:url(/images/style/iContIco.png) no-repeat left 1px; background-size:20px auto; text-indent:23px;}
.iForeman{ background:#fafafa; overflow:hidden;}
.iForeman .iForemanCt{ padding:40px 0 60px;}
.iForeman li{ width:228px; background:#fff; float:left; overflow:hidden; margin-right:15px; padding-bottom:15px; box-shadow:1px 1px 10px #ccc;}
.iForeman li:last-child{ margin-right:0;}
.iForeman li span{ width:100%; height:294px; display:block; overflow:hidden;}
.iForeman li span img{ width:100%; height:100%;}
.iForeman li b{ padding:0 12px; display:block; margin-top:12px; background:url(/images/style/iForemanIco1.png) no-repeat 10px center; text-indent:13px;}
.iForeman li p{ padding:0 12px; line-height:22px;  background-position:10px 6px; background-repeat:no-repeat; text-indent:13px; font-size:12px;}
.iForeman li p.ico1{ background-image:url(/images/style/iForemanIco2.png)}
.iForeman li p.ico2{ background-image:url(/images/style/iForemanIco3.png)}
.iPanorama ul{ width:105%; overflow:hidden; margin-top:20px;}
.iPanorama li{ width:288px; height:200px; float:left; margin-right:16px; overflow:hidden; position:relative;}
.iPanorama li.on:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:solid 5px #eee; box-sizing:border-box; cursor:pointer;}
.iPanorama li a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.iPanorama li a img{ width:100%; height:100%;}
.iPanorama li a .iCaseTit{ width:80%; position:absolute; left:10%; bottom:12px; background:rgba(27,27,27,0.4); font-size:12px; text-align:center; color:#fff; border-radius:5px; height:32px; overflow:hidden; line-height:32px;}
.animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}
@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}